$(function(){
    /*
		实现用户点击搜索按钮跳转到搜索结果页
			
			1.给搜索按钮添加点击事件
			2.获取用户输入的搜索关键字
			3.判断用户是否输入了搜索关键字
			4.如果用户没有输入 阻止跳转 并且给出提示
			5.如果用户输入了 跳转到搜索结果页面 并且要将用户输入的关键字带到这个页面去
    */
    $('#search-btn').on('click',function(){
        var keyword = $(this).siblings('input').val();
        // console.log(keyword);

        if(keyword){
            keyArr.push(keyword);

            //把keyArr转化为字符串
            localStorage.setItem('keyArr',JSON.stringify(keyArr));

            location.href = "search-result.html?keyword=" + keyword;

        }else {
            alert('请输入要搜索的商品关键字');
        }
    });
    var keyArr = [];
    if(localStorage.getItem('keyArr')){
        keyArr = JSON.parse(localStorage.getItem('keyArr'));

        var html = template('historyTpl',{ result: keyArr })
        $('#history-box').html(html);
    }

    $("#clearBtn").on("click",function(){
        $('#history-box').html("");
        localStorage.removeItem("keyArr");
    });
});